{% load i18n %}

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-strict.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<title>Optami</title>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<link href="{{STATIC_URL}}css/style.css" rel="stylesheet" type="text/css" />

</head>
<<body>
<div class="main">
  <div class="header"> 
    <div class="header_resize">
      <div class="flag">
      	<form action="/i18n/setlang/" method="post">
			{% csrf_token %}
			<input name="next" type="hidden" value="" />
			<select name="language">
				{% get_language_info_list for LANGUAGES as languages %}
				{% for language in languages %}
				<option value="{{ language.code }}">{{ language.name_local }} ({{ language.code }})</option>
				{% endfor %}
			</select>
			<input type="submit" value="Go" />
		</form>
      </div>
      <div class="logo">
		<img class="logo5" src="{{STATIC_URL}}images/logo5.png" alt="" />
        <h1><a href="http://127.0.0.1:8000/"><span>Optami</span> <small>{% trans "Simplifie la vie" %}</small></a></h1>
      </div>
      <div class="clr"></div>
      <div class="menu_nav">
        <ul>
          <li class="active"><a href="http://127.0.0.1:8000/"><span>{% trans "Accueil" %}</span></a></li>
          <li><a href="/restau/organisation/"><span>{% trans "Restaurant" %}</span></a></li>
          <li><a href="#"><span>{% trans "Cinéma" %}</span></a></li>
          <li><a href="#"><span>{% trans "Sport" %}</span></a></li>
          <li><a href="/sondage/organisation/"><span>{% trans "Sondage" %}</span></a></li>

        </ul>
      </div>
      <div class="clr"></div>
      
      <div class="clr"></div>
    </div>
  </div>

  <div class="content">
  	<div class="content_resize">
  		<h1>{% trans "Erreur 404 : page introuvable" %}</h1>
  		<br><br>
  	</div>
  </div>
    
  
  <div class="fbg">
    <div class="fbg_resize">
      <div class="col c1">
        <h2><span>{% trans "Bientôt" %}</span> Optam'obile ! </h2>
        <img src="{{STATIC_URL}}images/mac.png" alt="" width="300" height="125"/>
        </div>
      <div class="col c2">
        <h2><span>{% trans "Suivez -" %}</span> {% trans "nous" %} !</h2>
        <p><a href="http://www.facebook.com/pages/Optami/137088846410258"><img src="{{STATIC_URL}}images/logo_facebook.png" alt="" width="50" height="50"/></a></p>
        <p><a href="https://twitter.com/optami_officiel"><img src="{{STATIC_URL}}images/logo_twitter.png" alt="" width="50" height="50"/></a></p>
      </div>
      <div class="col c3">
        <h2><span>{% trans "Nous contacter" %}</span></h2>
        <p class="contact_info"> <span>{% trans "Adresse" %} :</span> OPTAMI <br/>
        Technopôle de Chateau-Gombert <br/>
                 38, rue Frédéric Joliot-Curie<br />
                 13451 Marseille Cedex 20<br/>
          <span>{% trans "Telephone" %} :</span> 0491000000<br />
          <span>{% trans "E-mail" %} :</span>contact[at]optami.com</p>
      </div>
            

      <div class="clr"></div>
    </div>
  
  <div class="footer">
    <div class="footer_resize">
      <p class="lf">
		<a href="http://validator.w3.org/check?uri=referer"><img
        src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0 Strict" height="31" width="88" /></a>
		
		<a href="http://jigsaw.w3.org/css-validator/check/referer">
        <img style="border:0;width:88px;height:31px"
            src="http://jigsaw.w3.org/css-validator/images/vcss"
            alt="CSS Valide !" />
    </a>
	
	  </p>
      <p class="rf"> <a href="/mentions_legales/" style="text-decoration:none">{% trans "Mentions légales" %}</a></p>
      <div style="clear:both;"></div>
    </div>
  </div>
</div>
</body>
</html>
